.user{
  float:right;
  height:5vh;
  margin-top:.5vh;
  line-height: 0;
}
.userName{
  display: inline-block;
  margin-left:5px;
  font-size: 16px;
  color:#ffffff;
  vertical-align: middle;
}
.user img{
  height:100%;
  vertical-align: middle;
}
.user button{
  vertical-align: middle;
  margin-left:10px;
}

.userList{
  padding-left:0;
}
.userList li{
  list-style: none;
  height:40px;
  line-height: 0;
  padding:15px 10px;
  transition:all .5s;
  box-sizing: content-box;
}
.userList li img{
  height:100%;
  vertical-align: middle;
}
.userList li span{
  display: inline-block;
  vertical-align: middle;
  width:180px;
  margin-left:20px;
  line-height: 16px;
  font-size: 16px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.userList li:hover{
  transform:scale(1.1);
  background-color: #f8f8f8;
}
